<script setup>

</script>

<template>

  <div class="userMessage">
    <el-card style="width: 100%;margin-top:20px" shadow="hover" class="messageCard">
      <!--      头部插槽-->
      <template #header>
        <div class="card-header">
          <span>Card name</span>
        </div>
      </template>

      <!--主要内容-->
      <p v-for="o in 4" :key="o" class="text item">{{ 'List item ' + o }}</p>

      <!--      尾部插槽-->
      <template #footer>Footer content</template>
    </el-card>

  </div>

</template>

<style scoped>

.userMessage {
  width: 70%;
  min-height: 600px;
  margin-left: 210px;
}

</style>